<template>
   <div class="sild">
<el-menu class="doms">
           <el-menu-item index="2">
              <i class="el-icon-menu"></i>
              <span slot="title">
                     <!-- 设置路由尽量不要设置敏感的 -->
                   <nuxt-link to="/">首页</nuxt-link>
              </span>
            </el-menu-item>
            <el-menu-item index="3" disabled>
              <i class="el-icon-document"></i>
              <span slot="title">  <!-- 静态路由配置 -->
               <nuxt-link to="/user">user</nuxt-link></span>
            </el-menu-item>
            <el-menu-item index="4">
              <i class="el-icon-setting"></i>
              <span slot="title"><nuxt-link to="/user/one">user/one</nuxt-link></span>
            </el-menu-item>
               <el-menu-item index="4">
              <i class="el-icon-setting"></i>
              <span slot="title">
                 <!-- 动态路由 -->
               <nuxt-link to="/user/asdasd">user/:id</nuxt-link>
              </span>
            </el-menu-item>
              <el-menu-item index="4">
              <i class="el-icon-setting"></i>
              <span slot="title"><nuxt-link to="/about">about</nuxt-link></span>
            </el-menu-item>
              <el-menu-item index="4">
              <i class="el-icon-setting"></i>
              <span slot="title">
                 <!-- 嵌套路由 -->
              <nuxt-link to="/users">users</nuxt-link>
              </span>
            </el-menu-item>
          </el-menu>
     
   </div>

</template>
<style>
.sild{
   height: 100vh;
}

.doms{
   height: 100vh;
}
</style>
